@charset "UTF-8";
.lol-league-btn-blueBasic {
  border-radius: 0;
  background: #3dbad1;
  color: #fff; }

.lol-league-formElement {
  border: 1px solid #d7dde4;
  border-radius: 1px;
  box-shadow: inset 0 1px 1px transparent;
  -webkit-box-shadow: inset 0 1px 1px transparent; }

.lol-league-modal {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #3dbad1;
  border-radius: 0px;
  outline: 0;
  -webkit-box-shadow: 0px 0px 0px 5px rgba(196, 234, 241, 0.8);
  box-shadow: 0px 0px 0px 5px rgba(196, 234, 241, 0.8); }

.btn-base {
  display: block;
  width: 120px;
  background: url("../img/lol-icon.png") no-repeat center;
  background-position: -260px 0;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  border-radius: 1px; }

/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote，th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

q:before, q:after {
  content: ' '; }

abbr, acronym {
  border: 0; }

/* 文字排版 */
.f12 {
  font-size: 12px; }

.f13 {
  font-size: 13px; }

.f14 {
  font-size: 14px; }

.f16 {
  font-size: 16px; }

.f20 {
  font-size: 20px; }

.fb {
  font-weight: bold; }

/* 定位 */
.pr {
  position: relative; }

.pa {
  position: absolute; }

.ib {
  display: inline-block; }

.abs-right {
  position: absolute;
  right: 0; }

.zoom {
  zoom: 1; }

.hidden {
  visibility: hidden; }

.none {
  display: none; }

.tc {
  display: table-cell; }

/* 长度高度 */
.w10 {
  width: 10px; }

.w20 {
  width: 20px; }

.w30 {
  width: 30px; }

.w40 {
  width: 40px; }

.w50 {
  width: 50px; }

.w60 {
  width: 60px; }

.w70 {
  width: 70px; }

.w80 {
  width: 80px; }

.w90 {
  width: 90px; }

.w100 {
  width: 100px; }

.w200 {
  width: 200px; }

.w300 {
  width: 300px; }

.w400 {
  width: 400px; }

.w500 {
  width: 500px; }

.w600 {
  width: 600px; }

.w700 {
  width: 700px; }

.w800 {
  width: 800px; }

.w {
  width: 100%; }

.h50 {
  height: 50px; }

.h80 {
  height: 80px; }

.h100 {
  height: 100px; }

.h200 {
  height: 200px; }

.h {
  height: 100%; }

/* 边距 */
.m10 {
  margin: 10px; }

.m15 {
  margin: 15px; }

.m30 {
  margin: 30px; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mt50 {
  margin-top: 50px; }

.mt100 {
  margin-top: 100px; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mb85 {
  margin-bottom: 85px; }

.mb90 {
  margin-bottom: 90px; }

.mb100 {
  margin-bottom: 100px; }

.mb150 {
  margin-bottom: 150px; }

.ml5 {
  margin-left: 5px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml30 {
  margin-left: 30px; }

.ml40 {
  margin-left: 40px; }

.ml50 {
  margin-left: 50px; }

.ml100 {
  margin-left: 100px; }

.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mr20 {
  margin-right: 20px; }

.mr30 {
  margin-right: 30px; }

.mr40 {
  margin-right: 40px; }

.mr50 {
  margin-right: 50px; }

.mr100 {
  margin-right: 100px; }

.p10 {
  padding: 10px; }

.p15 {
  padding: 15px; }

.p30 {
  padding: 30px; }

.pt5 {
  padding-top: 5px; }

.pt10 {
  padding-top: 10px; }

.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pt30 {
  padding-top: 30px; }

.pt50 {
  padding-top: 50px; }

.pt100 {
  padding-top: 100px; }

.pb5 {
  padding-bottom: 5px; }

.pb10 {
  padding-bottom: 10px; }

.pb15 {
  padding-bottom: 15px; }

.pb20 {
  padding-bottom: 20px; }

.pb30 {
  padding-bottom: 30px; }

.pb50 {
  padding-bottom: 50px; }

.pb100 {
  padding-bottom: 100px; }

.pl5 {
  padding-left: 5px; }

.pl10 {
  padding-left: 10px; }

.pl15 {
  padding-left: 15px; }

.pl20 {
  padding-left: 20px; }

.pl30 {
  padding-left: 30px; }

.pl50 {
  padding-left: 50px; }

.pl100 {
  padding-left: 100px; }

.pr5 {
  padding-right: 5px; }

.pr10 {
  padding-right: 10px; }

.pr15 {
  padding-right: 15px; }

.pr20 {
  padding-right: 20px; }

.pr30 {
  padding-right: 30px; }

.pr50 {
  padding-right: 50px; }

.pr100 {
  padding-right: 100px; }

.font-blue {
  color: #16b2ce; }

.league-admin-main {
  background: #ffffff;
  margin-top: 20px; }

.league-admin-head {
  padding: 20px;
  background: #435678; }

.admin-league-list li {
  width: 172px;
  margin-left: 45px;
  float: left; }

.admin-league-list li:first-child {
  margin-left: 0; }

.admin-league-list li.active .admin-league-logo {
  border: 2px solid #16b2ce; }

.admin-league-line {
  padding: 1px;
  border: 1px solid #677b9e; }

.admin-league-bg {
  background: #80bb2c; }

.admin-league-width {
  width: 30%;
  background: #7588ab;
  height: 4px; }

.admin-league-line {
  margin-top: 10px; }

.league-admin-tab {
  background: #374565; }

.league-admin-tab li {
  float: left;
  margin-left: 10px; }

.league-admin-tab li:first-child {
  margin-left: 0; }

.league-admin-tab li a {
  padding: 15px 20px;
  color: #d6d8db;
  display: inline-block;
  border-bottom: 4px solid transparent;
  font-size: 14px; }

.league-admin-tab li.active a {
  border-color: #16b2ce;
  color: #ffffff; }

.season-admin-main {
  background: #ffffff;
  padding: 10px 20px; }

.season-admin-tittle {
  padding: 8px 0;
  border-bottom: 1px solid #d2e6ea;
  margin: 0;
  font-size: 14px; }

.season-admin-form {
  padding: 20px 0; }

.season-admin-label {
  width: 110px;
  text-align: right;
  float: left;
  padding-top: 8px;
  font-weight: normal;
  color: #687580; }

.season-admin-message {
  width: 260px;
  float: left;
  margin-left: 10px; }

.form-control.season-admin-input {
  border-radius: 1px;
  font-size: 12px;
  padding: 6px; }

.season-start-time,
.season-close-time {
  width: 110px;
  position: relative; }

.canlendar-start,
.canlendar-close {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0px 8px 5px 0; }

.canlendar-start:hover,
.canlendar-close:hover {
  color: #00b0cc; }

.season-start-time .form-control,
.season-close-time .form-control {
  border-radius: 1px; }

.season-time-and {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  width: 40px;
  text-align: center; }

.season-league-type {
  height: 34px;
  margin-right: 12px; }

.season-admin-textarea {
  float: left;
  margin-left: 10px; }

.season-admin-textarea textarea {
  width: 860px;
  height: 142px;
  padding: 6px;
  resize: none; }

.admin-next-btn {
  width: 160px;
  margin-left: 104px;
  border-radius: 1px; }

.member-admin-main {
  background: #ffffff; }

.member-admin-head {
  background: #d7dde4; }

.league-remove-btn {
  background: #ffffff;
  border: 1px solid #ffffff;
  position: relative;
  height: 30px;
  width: 30px;
  margin-left: 10px; }

.league-remove-btn:hover {
  border-color: #16b2ce; }

.left-remove:after {
  content: '';
  position: absolute;
  left: 6px;
  top: 9px;
  border: 5px solid transparent;
  border-right: 5px solid #44474e; }

.league-remove-btn.left-remove:hover:after {
  border-right-color: #16b2ce; }

.right-remove:after {
  content: '';
  position: absolute;
  left: 12px;
  top: 9px;
  border: 5px solid transparent;
  border-left: 5px solid #44474e; }

.league-remove-btn.right-remove:hover:after {
  border-left-color: #16b2ce; }

.member-admin-head {
  font-size: 14px;
  padding: 10px; }

.add-season-btn {
  width: 110px;
  height: 30px;
  line-height: 30px;
  padding: 0; }

.league-name-list {
  width: 870px; }

.league-name-list li {
  float: left;
  margin-left: 10px; }

.league-name-list li a {
  display: block;
  height: 30px;
  line-height: 30px;
  width: 90px;
  border: 1px solid #ffffff;
  background: #ffffff;
  text-align: center;
  color: #44474e; }

.league-name-list li.active a {
  border-color: #16b2ce;
  color: #16b2ce; }

.form-short-input {
  width: 260px;
  border-radius: 1px; }

.prize-admin-main {
  background: #ffffff;
  padding: 10px 20px; }

.all-prize {
  background: #edf5f7;
  padding: 20px 0; }

.league-form-lable {
  float: left;
  width: 120px;
  text-align: right;
  padding-top: 7px;
  font-weight: normal;
  color: #687580; }

.form-short-input {
  float: left;
  margin-left: 10px; }

.form-short-input .form-control {
  border-radius: 1px; }

.prize-config {
  padding: 20px 0;
  border-bottom: 1px solid #d2e6ea; }

.prize-delete-btn {
  margin-left: 80px;
  width: 110px; }

.add-prize-config {
  background: #edf5f7;
  padding: 20px 0;
  text-align: center; }

.add-prize-btn {
  width: 110px; }

.submit-prize {
  padding: 40px 0;
  text-align: center; }

.submit-prize-btn {
  width: 160px; }

.submit-prize-btn.ml20 {
  margin-left: 20px; }

.league-admin-table {
  background: #ffffff;
  padding: 10px 20px; }

.league-admin-table table {
  width: 100%; }

.league-admin-table td,
.league-admin-table th {
  border-bottom: 1px solid #d2e6ea;
  padding: 10px 0;
  font-size: 12px;
  font-weight: normal;
  text-align: center; }

.league-admin-table th:first-child {
  padding-left: 20px;
  text-align: left; }

.league-admin-table td:first-child {
  text-align: left; }

.league-admin-table,
.score-rank-score {
  color: #16b2ce; }

.search-match-input .form-control {
  width: 190px;
  height: 30px;
  line-height: 30px;
  border-radius: 0px;
  border-color: #d2e6ea; }

.search-match-input {
  position: relative;
  text-align: center; }
  .search-match-input a {
    color: #16b2ce;
    position: absolute;
    right: 10px;
    top: 6px; }

.match-status-live,
.match-detail {
  color: #16b2ce; }

.match-status-end {
  color: #ff8400; }

.match-status-no {
  color: #f32727; }

.match-team-red {
  color: #f32727; }

.match-team-blue {
  color: #2f2fd8; }

.lolplayers-name-blue {
  color: #00a686; }

.member-admin-content {
  padding: 10px 20px 0 20px; }

.member-admin-list {
  padding-top: 4px;
  height: initial;
  background: #fff; }

.member-admin-list li {
  float: left;
  margin-right: 20px; }

.member-admin-list li a {
  display: block;
  text-align: center;
  color: #000;
  padding: 5px 10px;
  border-radius: 0px; }

.member-admin-list li.active a,
.member-admin-list li.active a:hover,
.member-admin-list li.active a:focus {
  background: #16b2ce;
  color: #ffffff; }

.handle-btn {
  width: 80px;
  margin-left: 10px; }

.member-admin-table.league-admin-table th {
  background: #dfe4e9;
  padding: 5px 0; }

.member-admin-table.league-admin-table th:first-child {
  padding-left: 20px; }

.league-membersManage-administrator td:first-child {
  padding-left: 20px; }

.season-history-input {
  width: 160px;
  margin-left: 10px;
  border-radius: 1px; }

.season-history-time.season-close-time,
.season-history-time.season-start-time {
  width: 170px; }

.season-history-btn {
  width: 90px;
  margin-left: 10px; }

.season-history-main {
  position: relative; }

.season-history-search {
  position: absolute;
  right: 20px;
  top: 56px; }

.base-message-content {
  padding: 10px 20px; }

.season-history-table.league-admin-table td,
.season-history-table.league-admin-table th {
  text-align: left;
  padding: 10px 20px; }

.season-history-user-name {
  color: #16b2ce;
  margin: 0 5px; }

.base-message-main {
  padding-bottom: 40px; }

.base-message-list {
  overflow: hidden;
  margin-bottom: 10px; }

.league-form-content {
  padding-top: 7px;
  margin-left: 20px;
  width: 900px; }

.league-form-textarea {
  width: 800px;
  padding-top: 7px;
  margin-left: 20px; }

.rule-sop-textarea {
  width: 800px;
  resize: none;
  height: 224px;
  padding: 12px; }

.rule-sop-btn {
  width: 155px;
  margin-left: 140px; }

.code-admin-content {
  padding: 20px; }

.code-admin-head {
  background: #edf5f7;
  padding: 10px 10px 10px 20px; }

.code-admin-input {
  margin-left: 10px; }

.code-admin-btn {
  padding: 6px 35px; }

.code-number {
  padding-top: 7px; }

.has-used {
  color: #7db630; }

.no-used {
  color: #687580; }

.code-admin-table td:first-child {
  padding-left: 20px; }

/*黑名单*/
.sequence a i {
  margin-left: 10px;
  font-size: 10px;
  webkit-transform: scale(0.83); }

.sequence a:hover {
  color: #16b2ce; }

/*lol联赛默认弹窗宽度*/
.modal-wrap-league {
  min-width: 490px; }

/*lol查看结果弹窗宽度*/
.modal-wrap-gameResult {
  min-width: 762px; }

/*取消按钮*/
.btn-cancel {
  display: inline-block;
  width: 120px;
  height: 34px;
  background: url("../img/lol-icon.png") no-repeat center;
  background-position: -258px -160px;
  font-size: 14px;
  color: #ffffff;
  line-height: 34px;
  text-align: center; }

/*提示取消*/
.btns-wrap {
  padding: 0 154px;
  margin: 40px 0;
  font-size: 0; }

.select-reason {
  width: 258px;
  border: 1px solid #d7dde4;
  border-radius: 1px;
  font-size: 14px;
  color: #44474e; }

.time-stop,
.please-select {
  width: 13%; }

/*积分排名2*/
.score-rank-table2.league-admin-table th {
  background: #d7dde4;
  padding: 5px 0; }

.score-rank-table2.league-admin-table th:first-child {
  padding-left: 10px; }

.score-rank-table2.league-admin-table {
  padding: 0 20px; }

.code-admin-content2 {
  padding: 0 20px; }

.code-admin-width {
  width: 148px; }

.code-admin-btnWidth {
  width: 90px; }

.btn-grant {
  background: #7fba2a;
  border-radius: 0;
  margin-left: 70px;
  color: #fff; }

/*-----------------------------------------------*/
